@charset "utf-8";

*{margin:0;padding:0}

body{font-family:"微软雅黑","Microsoft Yahei";
font-size:14px;
color:#333333;
font-weight:normal;
}
html,body{
   margin:0;
   padding:0;
   overflow: inherit;
}
a{
   text-decoration:none;
   cursor:pointer;
   transition:all .3s;
   outline:none;
   /* color:white; */
}
a:hover{
   text-decoration:none;
}
ul{
   list-style:none;
margin:0;
}
img{
/*    display: block; */
   max-width: 100%;
}
#pages a{
   color: #333333;
}
#pages span{
   color: #dd5411;
   padding: 5px 10px;
   border: 1px solid #dd5411;
}
.text-c{
   text-align: center;

}
header{
    width:100%;
    height:100px;
    /* background-color: rgba(255, 255,255, 0.5); */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
#menu { position: fixed; right: 20px; top: 40%; z-index: 10; list-style-type: none; }
#menu li { width: 90px; height: 27px; margin-top: 7px; overflow: hidden;}
#menu a { display: block; height: 27px; padding-right: 30px; line-height: 27px; background: url(../images/dot.png) right -34px no-repeat; color: #fff; text-align: right; text-shadow: 1px 1px 0px #333; text-decoration: none; overflow: hidden;}
#menu span { display: block; width: 60px; height: 27px; font-size: 12px; text-indent: 200px; opacity: 0.6; filter:alpha(opacity=60); overflow: hidden;}
#menu a:hover span { text-indent: 0;}
#menu .active a { background-position: right 0;}

@media(max-width:768px){
   #menu{
      display:none;
   }
   }
/* .section { text-align: center; font: 30px "Microsoft Yahei"; color: #fff;} */
.slide1{
background: url(../images/banner1.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.slide2{
background: url(../images/banner2.jpg) no-repeat;
background-size: cover;
background-position: center;
   }
.slide3{
background: url(../images/banner3.jpg) no-repeat;
background-size: cover;
background-position: center;
   }
     @media(max-width:769px){
      .slide1{
         background: url(../images/banner1_1.jpg) no-repeat;
         background-size: cover;
         background-position: center;
         }
         .slide2{
         background: url(../images/banner2_1.jpg) no-repeat;
         background-size: cover;
         background-position: center;
            }
         .slide3{
         background: url(../images/banner3_1.jpg) no-repeat;
         background-size: cover;
         background-position: center;
         }
   }  
/* 关于我们开始 */
   .section2{
background: url(../images/section1.jpg) no-repeat;
background-size: cover;
background-position: center;
}

.active .home_about_img{
   overflow: hidden;
   position: relative;
   height:660px;
   margin-top:8%;
}
.left-top{
   position: absolute;
   left: 0;
   top: 0;
}
 .right-bottom{
   position: absolute;
   right:0;
   bottom:0;
}
.font142{
   font-size:142px;
   font-weight: bold;
   color: rgba(37,47,116,0.3);
   position: relative;
   line-height: 142px;
}
.top40{
   position: absolute;
   left:35px;
   top:60px;
}
.top40 h1{
   margin:0;
   padding:0;
}
.margin40{
   margin-top:40px;
   margin-bottom:60px;
}
.active .home_about{
   text-align: left;
   margin-top:8%;
    animation:leftmove 1.5s linear alternate forwards; 
}
.home_about h1,.home_news h1, .home_contact h1{
   font-size:42px;
   line-height:42px;
   font-weight: bold;
   color:#252f74;
}

.home_about h2,.home_news h2,.home_contact h2{
   line-height:40px;
   font-size:32px;
   font-weight: normal;
   color:#252f74;
   margin: 0;
   padding:0;
}

.home_about_con{
   font-size:14px;
   color:#333333;
   line-height: 24px;
   margin-top:50px;
}
.home_about_gaikuang{
   overflow: hidden;
   padding-top:60px;
}
.home_about_gaikuang .width-100{
   width:100%;
   height:92px;
}

.home_about_gaikuang img{
   max-width:100%;
   margin:auto;
   display:block;
   transition: all 1s;
   -webkit-transition: all 1s;
   -o-transition: all 1s;
   -moz-transition: all 1s;
}
.home_about_gaikuang .width-100:hover img{
   transform: translateY(-10px);
   -moz-transform: translateY(-10px);
   -o-transform: translateY(-10px);
   -webkit-transform: translateY(-10px);
}

.home_about_gaikuang span{
   display:block;
   text-align: center;
   font-size: 14px;
   color:#252f74;
   line-height: 30px;
}
.button{
   width:200px;
   height:48px;
   line-height: 48px;
   background:#252f74;
   font-size:16px;
   font-weight:normal;
   overflow: hidden;
   color:white;
   text-align: center;
   margin-top:40px;
}

.button a{
   color:white;
}


.home_service{
   padding-left:5%;
   padding-right:10%;
}
.home_service a{
   color:white;
}
.service{
   margin-bottom:30px;
}
.process{
   background:#02a8fd;
   overflow: hidden;
   padding-bottom:20px;
}

.process img,.culture img,.honor img,.message img{
   height:100px;
   margin:0 auto;
   margin-top:60px;
   margin-bottom:60px;
   transition: all 1s;
}

.translate-Y:hover img{
   transform:translateY(10px);
-ms-transform:translateY(10px); 	/* IE 9 */
-moz-transform:translateY(10px); 	/* Firefox */
-webkit-transform:translateY(10px); /* Safari 和 Chrome */
-o-transform:translateY(10px); 	/* Opera */
}
.translate-Y:hover a{
   color:#dd5411;
}
.service_tit_cn{
   text-align: center;
   font-size:16px;
   line-height:30px;
}
.service_tit_en{
   text-align: center;
   font-size:14px;
   line-height:24px;
}

.culture{
   background:#666666;
   overflow: hidden;
   padding-bottom:20px;

}
.honor{
   background:#c1c5d7;
   overflow: hidden;
   padding-bottom:20px;
}

.message{
   background:#8fc31f;
   overflow: hidden;
   padding-bottom:20px;

}

@keyframes moveLeft
{
0%   {opacity: 0;
   -webkit-transform: translateX(-300px);
}
100% {opacity: 1;
   -webkit-transform: translateX(0);}
}

@-moz-keyframes moveLeft /* Firefox */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(-300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

@-webkit-keyframes moveLeft /* Safari 和 Chrome */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(-300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

@-o-keyframes moveLeft /* Opera */
{
   0%   {opacity: 0;
      -webkit-transform: translateX(-300px);
   }
   100% {opacity: 1;
      -webkit-transform: translateX(0);}
   }

/* .home_about{
   animation: moveLeft 2s;
-moz-animation: moveLeft 2s;*/	/* Firefox */
/*-webkit-animation: moveLeft 2s;*/	/* Safari 和 Chrome */
/*-o-animation: moveLeft 2s;*/	/* Opera */
/*} */


/* 关于我们结束 */


.section3{
background: url(../images/section2.jpg) no-repeat;
background-size: cover;
background-position: center;
color:#252f74;
}
.active .home_product{
   width:100%;
   text-align: center;
   overflow: hidden;
   font-size:16px;
   margin-top:5%;
   animation:leftmove 1s linear alternate forwards;
   -moz-animation: leftmove 1s linear alternate forwards;
   -webkit-animation:  leftmove 1s linear alternate forwards;
   -o-animation:  leftmove 1s linear alternate forwards;
}
.home_product .pro_tit_en{
   font-size:36px;
   font-weight: bold;
}
.home_product .pro_tit_cn a{
   font-size:42px;
   font-weight: bold;
   margin-bottom:20px;
   color:#252f74;
}
.home_contact_con label{
   display: none;
}


.active .pro_list{
   margin-top:60px;
   padding-left:2%;
   padding-right:2%;
   animation:leftmove 1s linear alternate forwards;
   -moz-animation: leftmove 1s linear alternate forwards;
   -webkit-animation:  leftmove 1s linear alternate forwards;
   -o-animation:  leftmove 1s linear alternate forwards;
}
.home_pro_list_img{
   overflow: hidden;
   margin-bottom:30px;
   height:268px;
}

.home_pro_list_img img{
   width:100%;
   height:100%;
   position: relative;
   transition: all 2s;
   -moz-transition: all 2s; /* Firefox 4 */
-webkit-transition: all 2s; /* Safari 和 Chrome */
-o-transition: all 2s; /* Opera */
}
.pro_tit{
   width:calc(100% - 70px);
   color:#252f74;
   font-size:18px;
   position: absolute;
   left:35px;
   bottom:20px;
   z-index: 101;
   text-align: left;
   font-weight:bold;
   letter-spacing: 2px;
}
.zhezhao{
   position: absolute;
   left: 0;
   top: 0;
   z-index: 99;
   width:calc(100% - 30px);
   height:100%;
   background:rgba(0,0,0,.3);
   margin-left:15px;
   display:none;
}
.biankuang{
   width:calc(100% - 40px);
   height:calc(100% - 40px);
   margin-left:20px;
   margin-top:20px;
   border:2px solid white;
   position: relative;
}
.biankuang .chakan{
   overflow: hidden;
   position: absolute;
   right:10px;
   bottom:10px;
   z-index: 100;
   color:white;
   width:20px;
   height:20px;
   font-size:16px;
   line-height: 20px;
   text-align: center;
   border:1px solid white;
}
.home_pro_list_img:hover .zhezhao{
display:block;
}
.home_pro_list_img:hover .pro_tit{
   width:calc(100% - 70px);
   color:white;
   font-size:18px;
   position: absolute;
   text-align: center;
   top:calc((100% - 18px) / 2);
   left:35px;
}




.section4{
background:url(../images/section3.jpg);
   background-size: cover;
background-position: center;
color:#252f74;
}
.home_news{
   padding-left:5%;
   text-align: left;
}
.active .home_news_tit{
   animation: rightmove 1s linear alternate forwards;
   -moz-animation: rightmove 1s linear alternate forwards;
   -webkit-animation:  rightmove 1s linear alternate forwards;
   -o-animation:  rightmove 1s linear alternate forwards;

}
.home_news_tit .fenlei{
   font-size:24px;
   line-height: 40px;
}
.home_news_tit .fenlei a{
   color:#252f74;
}
.news_title_en,.contact_title_en{
   font-size: 120px;
   font-weight: bold;
   color:rgba(37,47,116,.6);
   text-align: left;
}

.news_title_cn,.contact_title_cn{
   color:#252f74;
   font-size:42px;
   font-weight: bold;
   margin-bottom:60px;
   text-align: left;
}
.active .home_news_list{
   padding-right:8%;
   animation: rightmove 1.5s linear alternate forwards;
   -moz-animation: rightmove 1.5s linear alternate forwards;
   -webkit-animation:  rightmove 1.5s linear alternate forwards;
   -o-animation:  rightmove 1.5s linear alternate forwards;
}







.section5{
/*       
 background: url(../images/section4.jpg) no-repeat;
background-size: cover;
background-position: center;
overflow: hidden; */
}
.section5 .fp-tableCell{
   vertical-align:top !important;
}
.home_contact{
   width:100%;
   height:85%;
   overflow: hidden;
}
.home_contact_img{
background: url(../images/home_contact_img.jpg) no-repeat center;
background-size: cover;
height:100%;
}
.home_contact_img img{
   width:100%;
   height:100%;
}
.contact_title_en{
   margin-top:15%;
}
.home_contact_con{
   overflow: hidden;
}
.home_contact_con h5{
   font-size:18px;
   line-height: 36px;
   font-weight: bold;
}
.home_contact1{
line-height: 24px;
overflow: hidden;
}

.home_footer{
   width:100%;
   height:15%;
   text-align: center;
   padding:20px;
}
.home_footer ul,.footer ul{
   width:60%;
   margin: 0 auto;
   overflow: hidden;
}
.home_footer ul li,.footer ul li{
   float:left;
   width:calc(100% / 7);
}
.home_footer ul li a{
   display: block;
   font-size:16px;
   padding:0 30px;
   color:#999;
   line-height: 40px;
}
.home_copyright{
   text-align: center;
   font-size:14px;
   color:#999;
}
.home_copyright a{
   color:#999;
}



/* footer开始 */
.footer{
   background:#252f74;
   width:100%;
   padding:40px 0;
   overflow: hidden;
   color:white;
}
.footer ul li a{
   display: block;
   font-size:14px;
   padding:0 30px;
   color:#fff;
   line-height: 60px;
}
/* 关于我们内容 */
.content {
   line-height: 26px;
   padding: 60px 0px 60px;
   min-height: 400px;
   overflow: hidden;
   
}
/* .content h1{
   font-size:26px;
   text-align: center;
}  */
.content .title{
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    text-align: center;
    letter-spacing: 1px;
    color:#535150;
   }
   .content .input-date{
      width: 100%;
    text-align: center;
    color: #777;
    font-size: 14px;
   }

.content_c{
   margin-top:40px;
   overflow: hidden;
}
.content_c img{
   max-width:100%;
}
.about{
	background:url(../images/about_bg1.jpg) no-repeat;
	background-attachment: fixed;
	padding-top:8%;
	padding-bottom:60px;
	color:white;
}
.about h1{
   font-size:36px;
   color:white;
   text-align: left;
}
.about p{
   margin-top:30px;
   margin-bottom:40px;
}

.button1{
	width:32px;
	height:32px;
	background-color:#ccc;
	font-size:24px;
	line-height: 32px;
	text-align: center;
	color:white;
}
 .about a{color:white;} 
 .about a:hover{
	color:#ddd;
} 
.biaoyu{
	text-align: center;
	margin-top:60px;
}
.biaoyu h1{
	font-size:32px;
	font-weight:bold;
}
.biaoyu p{
	font-size:16px;
	margin-top:30px;
}
.about_ws{
   overflow: hidden;
}
.about_ws p{
   margin-bottom:40px;
}
.about_ws .ws_xx{
	overflow: hidden;
	position: relative;
}
.ws_wenhua a{
   color:white;
}
.about_ws .ws_xx img,.about_ws .ws_wenhua img,.about_ws .ws_rongyu img{
	transition: all 1s;
}
.about_ws .ws_xx:hover img,.about_ws .ws_wenhua:hover img,.about_ws .ws_rongyu:hover img{
	transform: scale(1.2);
}
.about_ws .ws_xx .ws_xx_con{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:55px;
	color:white;
	font-size:16px;
}
.about_ws .ws_xx .ws_xx_con h1{
	/* font-weight:bold; */
	margin-bottom:30px;
	font-size:32px;
}
.about_ws .ws_xx .ws_xx_con a, .ws_wh_con a,.ws_rongyu a{
	color:white;
}
.about_ws .ws_xx .ws_xx_con a:hover{
	color:#31aee4;
}
.about_ws .ws_wenhua,.about_ws .ws_rongyu{
	position: relative;
	overflow: hidden;
	color:white;
}
.about_ws .ws_wenhua .ws_wh_con{
	position: absolute;
	left:0;
	top:0;
	width:50%;
	height:100%;
	background:rgba(22,46,124,0.6);
	padding:20px 20px 20px 35px;
}

.about_ws .ws_rongyu{
	margin-top:18px;
}
.about_ws .ws_rongyu .ws_ry_con{
	position: absolute;
	right:0;
	top:0;
	width:50%;
	height:100%;
	background:rgba(255,45,45,0.6);
	padding:20px 35px 20px 20px;

}
@media(max-width:767px){
   .about_ws .ws_wenhua .ws_wh_con{
      width:100%;
   }
   .about_ws .ws_rongyu .ws_ry_con{
      width:100%;
   }
}
 .ws_gongyi{
   overflow: hidden;
   background: url(../images/ws_gongyi.jpg) no-repeat;
   background-position: center;
   margin:20px 15px;
   padding:40px 0;
   color:white;
   font-size:16px;
   text-align: center;
 }
 .ws_gongyi a{
    color:white;
 }
 .ws_gongyi h2{
    transition: all 1s;
 }
 .gongyi_p{
   margin-top:10px;
   text-align: left;
   transition: all 1s;
}
.ws_gongyi:hover h2{
   color:#dd5411;
   transform:translateY(-10px);
   -ms-transform:translateY(-10px); 	/* IE 9 */
   -moz-transform:translateY(-10px); 	/* Firefox */
   -webkit-transform:translateY(-10px); /* Safari 和 Chrome */
   -o-transform:translateY(-10px); 	/* Opera */
}
.ws_gongyi:hover .gongyi_p{
   color:#dd5411;
   transform:translateY(-10px);
   -ms-transform:translateY(-10px); 	/* IE 9 */
   -moz-transform:translateY(-10px); 	/* Firefox */
   -webkit-transform:translateY(-10px); /* Safari 和 Chrome */
   -o-transform:translateY(-10px); 	/* Opera */
}


.banner_pic{
	width:100%;
}
@media(max-width:767px){
   .banner_pic{
      margin-top:40px;
   }
}
.banner_pic img{
   width:100%;
}
.con_sun_nav{
   width:100%;
   overflow: hidden;
   margin-top:40px;
}
.fj_title{
   overflow: hidden;
   font-size:36px;
   color:#252f74;
   font-weight: bold;
   line-height:50px;
   float: left;
}
.fj_title span{
   display:inline-block;
   width:14px;
   height:14px;
   background:#252f74;
   content:"";
   margin:0 10px 0 0;
}
.sub_nav{
   width:62%;
   float:right;
   text-align: right;
   overflow: hidden;
}
.sub_nav1{
   width:42%;
   float:right;
   text-align: right;
   overflow: hidden;
}
@media(max-width:767px){
   .fj_title{
      width:100%;
   }
   .sub_nav{
      display:none;
   }
   .sub_nav1{
display:none;
   }
}
.sub_nav ul li,.sub_nav1 ul li{
   float: left;
   margin-left:18px;
}
.sub_nav ul li a,.sub_nav1 ul li a{
   display:block;
   padding:10px 15px;
   color:#f78e4f;
   font-size:16px;
   transition: all 1s;
}

.l-con ul li.active {
   background:#252f74;
   color:#ffffff;
}
.l-con ul li.active a{
   color:#fff;
}
.l-con ul li a:hover{
background:#f78e4f;
   color:#ffffff;
} 

/* 集团介绍 */

/* picture */
.content_c {
   line-height: 27px;
   padding: 10px 0px;
   min-height: 400px;
}
.img_section {
   text-align: center;
   min-height: 250px;
}
.img_section img {
   padding: 5px;
   /* width: expression_r(this.width > 300 && this.height < this.width ? 300:true); */
   /* width: 300px; */
   width: auto;
   /*height: expression_r(this.height >180 ? 180:true);*/
    height: 180px; 
   margin: 0 auto;
   border: 1px #d1d1d1 solid;
}
.img_section_txt{
   color:#333;
   text-align: center;
   font-size:16px;
   /* margin-bottom:20px; */
}

@media(max-width:768px){
.img_section{
    min-height: 160px;
	}
.img_section img{
height:110px;
}
.img_section_txt{
font-size:14px;
}
}
/* 产品中心 */

.product_item{
   overflow:hidden;
   margin-bottom:20px;
}
.product_img{
   width:100%;
   overflow: hidden;
   position: relative;
}
.product_img img{
   width:100%;
   transition: all 1s;
}
.product_tit{
   width:calc(100% - 30px);
   margin:0 15px;
   text-align: center;
   position: absolute;
   left: 0;
   top:0;
   color:#ffffff;
   background:rgba(0, 0, 0, 0.5);
   font-size:24px;
   padding-top:25%;
   padding-bottom:25%;
   line-height:36px;
   transition: all 1s;
}
.product_tit span{
   display:block;
   font-size:20px;
   line-height:30px;
}
.product_item:hover img{
   transform: scale(1.2);
   -ms-transform: scale(1.2); 	/* IE 9 */
-moz-transform: scale(1.2); 	/* Firefox */
-webkit-transform: scale(1.2); /* Safari 和 Chrome */
-o-transform: scale(1.2); 	/* Opera */
}
.product_item:hover .product_tit{
   background:none;
}

.product{
   width:100%;
   overflow: hidden;
}
.p-tittle {
   float: Left;
   width: 100%;
   margin-top: 15px;
   padding: 5px 0px;
   background: #eee;
   padding: 5px 15px;
}
.p-tittle a {
   font-size: 18px;
   font-weight: bold;
   color: #f78e4f;
}
.p-tittle span {
   display: block;
   float: right;
}
.p-tittle span a {
   color: #666;
   font-size: 12px;
   font-weight: normal;
   display: block;
}

.product .pro_list_img {
   overflow: hidden;
   width: 100%;
   padding: 40px 0;
}

.pro_list_img .pro_img {
   width: 100%;
   overflow: hidden;
}
.pro_list_img .pro_img img {
   max-width: 100%;
   text-align: center;
   display: block;
   margin: 0 auto;
   transition: all 1s;
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   -o-transition: all 1s;
   height:180px;
}
.pro_list_img p {
   text-align: center;
   line-height: 30px;
   margin-top: 10px;
   color:black;
}
.pro_list_img li:hover img{
   transform: scale(1.2);
   -moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
 }




 .r-up {
   float: left;
   width: 100%;
   border-bottom: solid #ebebeb 2px;
   line-height: 45px;
   font-size: 18px;
   text-indent: 20px;
   color: #333;
   font-weight: bold;
}
.r-up span {
   float: right;
   font-size: 14px;
   font-weight: normal;
}
.r-up span a {
   font-size: 14px;
   color: #666;
   font-weight: normal;
   line-height: 35px;
}
.r-down {
   float: left;
   margin: 15px 0px;
   width: 100%;
   line-height: 30px;
   font-size: 14px;
   color: #333;
}
.yuangong {
   float: left;
   width: 100%;
   margin-bottom: 40px;
   overflow: hidden;
}
.yuangong img {
   width: 100%;
   transition: all 1s;
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   -o-transition: all 1s;
}
.brief > h2 {
   font-size: 20px;
   padding-bottom: 15px;
   border-bottom: solid 1px #ccc;
}
.brief > p {
   margin-top: 20px;
   min-height: 120px;
}
.hcc_product_buy_left>p:nth-child(1) {
   font-size: 40px;
   color: #fff;
   opacity: 0;
   filter: alpha(opacity=0);
   transform: translateY(35px);
}
.zixun {
   float: left;
   width: 100%;
   margin-top: 20px;
}
.zixun ul li {
   float: left;
   line-height: 50px;
   font-size: 20px;
   text-align: center;
}
.zixun li a {
   display: block;
   padding: 0 10px;
   font-size: 18px;
}
.z-l a {
   background: #f78e4f;
   COLOR: #fff;
}
.zixun .fa {
   padding-right: 10px;
}
.z-tel {
   float: left;
   width: 100%;
   margin-top: 40px;
   font-size: 16px;
}
.z-tel i {
   padding-right: 5px;
}
.z-tel span {
   font-size: 30px;
   color: #f78e4f;
   line-height: 40px;
}
.hcc_product_con_title {
   font-size: 36px;
   color: #4b4a4a;
   text-align: center;
   padding-bottom: 27px;
   border-bottom: 3px solid #313131;
}
.hcc_product_para {
   width: 100%;
   box-sizing: border-box;
   margin-top: 60px;
   margin-bottom: 60px;
}
.hcc_product_para_block1 {
   border-bottom: 1px solid #a0a0a0;
}
.hcc_product_para_block1 p:first-of-type {
   padding-left: 20px;
}
.hcc_product_para_block1 p {
   width: 50%;
   line-height: 50px;
   float: left;
   font-size: 16px;
   color: #4b4a4a;
   margin-bottom:0;
}
.hcc_product_para_block1 p span {
   display: inline-block;
   width: 120px;
   font-size: 16px;
   font-weight: bold;
   color: #4b4a4a;
}
.hcc_product_show1_text {
   font-size: 36px;
   color: #4b4a4a;
   text-align: center;
   margin-bottom: 8px;
}
.hcc_product_show1_block11 {
   width: 100%;
   float: left;
}
.hcc_product_show1_block11 div {
   height: auto;
   position: relative;
   margin-bottom: 24px;
   cursor: pointer;
}

.product .product_list {
   overflow: hidden;
   text-align: center;
   min-height:300px;
}

.product .product_list img {
   max-width: 100%;
   width: auto;
   text-align: center;
   display: inline;
   height:200px;
}
.product .product_list span {
   display: block;
   text-align: center;
   line-height: 24px;
   color: #333;
   margin-top: 20px;
}




/* 新闻内容 */
.pic_news {
   overflow: hidden;
}
.pic_news_list {
   border: 1px solid #ccc;
   position: relative;
}
.news_img {
   width: 100%;
   height: 230px;
   overflow: hidden;
}
.news_img img {
   width: 100%;
   /* height: 230px; */
   overflow: hidden;
   transition: all 1s;
}
.pic_news_con {
   width: 100%;
   padding: 20px;
   color:#666;
}
.pic_news_con h4, .pic_news_con1 h4 {
   font-size: 16px;
   height: 24px;
   line-height: 24px;
   overflow: hidden;
   margin: 0;
   margin-bottom: 10px;
}
.pic_news_con p, .pic_news_con1 p {
   margin: 0;
}
.pic_news_con1 {
   width: 100%;
   background-color: #027ac8;
   height: 150px;
   overflow: hidden;
   padding: 20px;
   position: absolute;
   left: 0;
   bottom: -150px;
   display: none;
   transition: all 3s;
}

.pic_news_con1 a, .pic_news_con1 a:hover {
   color: white;
}
.pic_news_list:hover img{
	transform: scale(1.2);
}
.pic_news_con1 a, .pic_news_con1 a:hover{
	color:#666;
}


.news_list {
   overflow: hidden;
   margin-top: 60px;
}
.news_list ul {
   width: 100%;
   overflow: hidden;
}
.news_list ul li {
   width: 100%;
   height: 150px;
   overflow: hidden;
   margin-bottom: 20px;
}
.news_list .news_date {
   font-size: 14px;
   text-align: right;
   color: #ccc;
   transition: all 1s;
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   -o-transition: all 1s;
}
.news_list .news_date span {
   display: block;
   font-size: 48px;
   color: #c8c8c8;
   transition: all 1s;
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   -o-transition: all 1s;
}
.news_list_con{
   color:#666;
   overflow: hidden;
   transition: all 1s;
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   -o-transition: all 1s;

}

.news_list_con h4 {
   height: 24px;
   overflow: hidden;
   line-height: 24px;
}
.news_list .news_list_con .p {
   overflow: hidden;
   margin-top: 20px;
   max-height: 50px;
   line-height: 24px;
}
.news_list .news_list_con .more {
   margin-top: 20px;
}

.news_list li:hover .news_date,.news_list li:hover .news_date span{
   color:#f78e4f;
}
.news_list li:hover .news_list_con{
   color:black;
}
#newtb em{
   display: block;
}

/* 人才招聘 */
.hrList_a1_item {
   width: 100%;
   margin-bottom: 40px;
}

.hrList_a1_item ul {
   width: 100%;
   display: inline-block;
   vertical-align: top;
   padding: 10px 0;
   border-bottom: dotted 1px #ddd;
}
.hrList_a1_item ul li {
   width: 33%;
   display: inline-block;
   color: #777;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   border:1px solid #ccc;
}
.hrList_a1_item ul li span{
   width:100px;
   background-color:#ddd;
   line-height:30px;
   display:inline-block;
   text-align: center;
   font-weight: bold;
   margin-right:10px;
}
.hrList_a1_item ul li.other {
   width: 100%;
   line-height: 22px;
   color: #777;
   text-overflow: inherit;
   white-space: inherit;
   padding:0 20px;
}
.hrList_a1_item ul li.other span{
   background-color:white;
   text-align: left;
}

@media(max-width:767px){
   .hrList_a1_item ul li{
      width:48%;
   }
   .hrList_a1_item ul li.other{
      width:100%;
   }
}

.hrList_a1_button {
   padding: 15px 0;
}
.hrList_a1_button a.more, .DownList_a1 li a {
   text-align: center;
   cursor: pointer;
   display: block;
   height: 40px;
   line-height: 40px;
   width: 100px;
   color: #fff;
   background: #dd5411;
   transition-duration: .3s;
   border-radius: 8px;
   font-size: 16px;
   opacity: 0.7;
}

/* form表单 */
form ul{
   overflow: hidden;
}
form ul li{
   margin-bottom:20px;
}


form input,form textarea{
   width:100%;
   border:2px solid #ddd;
   color:#999;
    padding-left: 10px;
}
form input{
   height: 40px;

}
form .ib input{
   height:auto;
   width:auto;
}
form select{
   width:100%;
   height:40px;
   border:2px solid #ddd;
   color:#999;
}
.zh span{
   font-size:16px;
   width:15%;
   display:inline-block;
}
.zh input{
   width:85%;
}
@media(max-width:767px){
   .zh span{
      width:100%;
   }
}
.quan span{
width:10%;
}
textarea{
   width:90%;
}
.but-sub{
   width:120px;
   height:40px;
   background:#dd5411;
   color:white;
   margin:0 atuo;
   font-size:16px;
}

/* 地图 */
.content #container {
   height: 500px;
   width: 100%;
}
#container {
   font-size: 12px;
   height: 367px;
}




/* animation动画效果 */
@keyframes leftmove{
   from{
      margin-left:-100%;
   }
   to{
      margin-left:0;
   }
}

@keyframes rightmove{
   from{
      right:-100%;
      top:0;
   }
   to{
      right:0;
      top:0;
   }
}

@keyframes upmove{
   from{
      margin-top:-100%;
   }
   to{
      margin-top:0;
   }
}

@media(min-width:1439px) and (max-width:1919px){
   .home_pro_list_img{
      height:200px;
   }
}


@media(min-width:769px) and (max-width:1024px) {
   .home_pro_list_img{
      height:150px;
   }
}

@media(min-width:767px) and (max-width:1024px) {
   .news_title_en, .contact_title_en{
      font-size:80px;
   }
   .home_footer ul, .footer ul{
      width:80%;
   }
   .home_footer ul li a{
      padding:0 5px;
   }
   .footer ul li a{
      padding:0 15px;
   }
   .sub_nav{
      width:100%;
   }
   .sub_nav1{
      width:64%;
   }
   .hrList_a1_item ul li{
      width:32%;
   }
   .zh span{
      width:25%;
   }
   .zh input{
      width:74%;
   }
   .news_img{
      height:auto;
   }
}

@media(max-width:767px){
.font142{
   font-size:80px;
}
.home_product .p{
   display:none;  
}

.pro_tit{
   font-size:16px;
   position: absolute;
   left:20px;
   bottom:10px;
   z-index: 101;
   text-align: left;
}
.product .product_list img{
   height:120px;
}
.biankuang .chakan{
display: none;
}
.news_title_en,.contact_title_en{
   font-size: 60px;
   margin-top:10%;
}

.news_title_cn,.contact_title_cn{
   margin-bottom:10px;
}

.home_footer ul {
display:none;
}
.product .product_list{
   min-height:180px;
}
.news_list .news_date span{
   font-size: 24px;
}
.hrList_a1_item ul li span{
   width:66px;  
}
.footer ul{
   display:none;
}
.home_pro_list_img{
   height:100px;
}
}